<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Adger Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--    <link rel="shortcut icon" href="${pageContext.request.contextPath}/static/admin/dist/img/myimg/icon.jpg" type="image/x-icon">-->
<!--    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/home/bootstrap-3.3.7-dist/css/bootstrap.min.css">-->
<!--    <script src="${pageContext.request.contextPath}/static/home/bootstrap-3.3.7-dist/js/jquery-2.1.4.min.js"></script>-->
<!--    <script src="${pageContext.request.contextPath}/static/home/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>-->

    <link rel="shortcut icon" href="../../../static/admin/dist/img/myimg/icon.jpg" type="image/x-icon">
    <link rel="stylesheet" href="../../..//static/home/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src="../../..//static/home/bootstrap-3.3.7-dist/js/jquery-2.1.4.min.js"></script>
    <script src="../../../static/home/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <!-- 自己的首页样式 -->
    <link rel="stylesheet" href="../../..//static/home/mycss/index.css">
</head>
<body>
<!-- 导航栏区域 -->
<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <!-- 汉堡按钮点击 -->
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <!-- 这个是那三个像汉堡的按钮 -->
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">
                <!-- 这里这个图像路径src以后是用户登录的 -->
                <img src="../../../static/home/images/icon/favicon.ico" alt="用户图像" style="width: 30px;height: 30px;margin-top: -4px">
            </a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">首页<span class="sr-only">(current)</span></a></li>
                <li><a href="#">问答社区</a></li>
            </ul>
            <form action="" method="" class="navbar-form navbar-left">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="请输入内容尽情搜索吧">
                </div>
                <button type="submit" class="btn btn-default">搜索</button>
            </form>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#" class="glyphicon glyphicon-pencil">创作中心</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
               <li><a href="#" class="glyphicon glyphicon-envelope" style="padding-bottom: 12px;">您的信息<span class="badge">42</span></a></li>
            </ul>
        </div>
    </div>
</nav>

<!-- 模态框区域 -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style=" overflow:hidden;">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">进入此网站须知事项</h4>
            </div>
            <div class="modal-body">
                <b>1、</b>不要因为怕被玫瑰的刺伤到你，就不敢去摘玫瑰。<br>
                <b>2、</b>永远要记得，成功的决心远胜于任何东西。<br>
                <b>4、</b>放弃该放弃的是无奈，放弃不该放弃的是无能；不放弃该放弃的是无知，不放弃不该放弃的是执着。 <br>
                <b>5、</b>生命里最重要的事情是要有个远大的目标，并借助才能与坚毅来完成它。 <br>
                <b>6、</b>天下最宝贵的，莫如时日；天下最能奢侈的，莫如浪费时日。 <br>
                <b>7、</b>平凡的脚步也可以走完伟大的行程。<br>
                <b>9、</b>宝剑锋从磨砺出，梅花香自苦寒来。<br>
                <b>10、</b>暗自伤心，不如立即行动。 <br>
                <b>12、</b>人生最大的喜悦是每个人都说你做不到，你却完成它了！  <br>
                <b>13、</b>天才就是无止境刻苦勤奋的能力。 <br>
                <b>14、</b>琴弦松驰，弹不出动听的乐曲；生活散漫，点不燃生命的<br>
                <b>15、</b>每个牛逼人物的背后都有段苦逼的岁月，只要像傻B一样坚持，终会成功<br>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>

<!-- 轮播图区域 -->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>

    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="../../../static/home/images/banner1.png" alt="">
            <div class="carousel-caption">

            </div>
        </div>
        <div class="item">
            <img src="../../../static/home/images/banner2.png" alt="">
            <div class="carousel-caption">

            </div>
        </div>
        <div class="item">
            <img src="../../../static/home/images/banner3.png" alt="">
            <div class="carousel-caption">

            </div>
        </div>

    </div>
    <!-- 下面两个> < -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<script>
    /*导航条点击哪个就激活哪个*/
    $(document).ready(function () {
        $('.navbar li').click(function(e) {
            $('.navbar li').removeClass('active');
            var $this = $(this);
            if (!$this.hasClass('active')) {
                $this.addClass('active');
            }
            e.preventDefault();
        });
    });
    /* 禁用空白处点击关闭 */
    $('#myModal').modal({
        backdrop: 'static',
        keyboard: false,//禁止键盘
        show: false
    });
    /* 页面 就开始弹出 模态框 */
    $('#myModal').modal();
    $(document).ready(function () {
        $("#select").bind("change",function(){
            if($(this).val()==0){
                return;
            }
            else{
                $("p").text($(this).val());
            }
        });
    });
</script>
</body>
</html>